<template>
  <div class="css-1dbjc4n">
    <div class="div_hotsearch_img">
      <img src="../../../../assets/xiaxia/xiaxia/imgs/hot-recommend-wap.png" alt="" />
    </div>
    <div class="r_eqz5dr">
      <ul class="hot_ul">

        <li v-for="item in HotSearchList" :key="item.id">
          <div class="logo_img">
            <img :src="item.hotlistcontent1" alt="" />
          </div>
          <div class="figure_img">
            <img :src="item.hotlistcontent2" alt="" />
          </div>
          <p>全场最高省5200元</p>
        </li>

      </ul>
    </div>
  </div>
</template>

<script>
import axios from "axios"
export default {
  name: "HotWrap",
  data(){
    return{
      HotSearchList:[
        {
          hotlistcontent1: require("../../../../assets/xiaxia/xiaxia/imgs/01-wap.png"),
          hotlistcontent2:require("../../../../assets/xiaxia/xiaxia/imgs/hotsearch1.png"),
          hotlistcontent3:"全场最高省5200元"
        },
         {
          hotlistcontent1: require("../../../../assets/xiaxia/xiaxia/imgs/02-wap.png"),
          hotlistcontent2:require("../../../../assets/xiaxia/xiaxia/imgs/hotsearch2.jpg"),
          hotlistcontent3:"全场最高省5200元"
        },
         {
          hotlistcontent1: require("../../../../assets/xiaxia/xiaxia/imgs/03-wap.png"),
          hotlistcontent2:require("../../../../assets/xiaxia/xiaxia/imgs/hotsearch3.jpg"),
          hotlistcontent3:"全场最高省5200元"
        },
         {
          hotlistcontent1: require("../../../../assets/xiaxia/xiaxia/imgs/04-wap.jpg"),
          hotlistcontent2:require("../../../../assets/xiaxia/xiaxia/imgs/hotsearch4.jpg"),
          hotlistcontent3:"全场最高省5200元"
        },
         {
          hotlistcontent1: require("../../../../assets/xiaxia/xiaxia/imgs/10-wap.jpg"),
          hotlistcontent2:require("../../../../assets/xiaxia/xiaxia/imgs/hotsearch5.jpg"),
          hotlistcontent3:"全场最高省5200元"
        },
         {
          hotlistcontent1: require("../../../../assets/xiaxia/xiaxia/imgs/06-wap.jpg"),
          hotlistcontent2:require("../../../../assets/xiaxia/xiaxia/imgs/hotsearch6.png"),
          hotlistcontent3:"全场最高省5200元"
        },
         {
          hotlistcontent1: require("../../../../assets/xiaxia/xiaxia/imgs/07-wap.jpg"),
          hotlistcontent2:require("../../../../assets/xiaxia/xiaxia/imgs/hotsearch7.png"),
          hotlistcontent3:"全场最高省5200元"
        },
         {
          hotlistcontent1: require("../../../../assets/xiaxia/xiaxia/imgs/08-wap.jpg"),
          hotlistcontent2:require("../../../../assets/xiaxia/xiaxia/imgs/hotsearch8.jpg"),
          hotlistcontent3:"全场最高省5200元"
        },
        {
          hotlistcontent1: require("../../../../assets/xiaxia/xiaxia/imgs/09-wap.jpg"),
          hotlistcontent2:require("../../../../assets/xiaxia/xiaxia/imgs/hotsearch9.jpg"),
          hotlistcontent3:"全场最高省5200元"
        },
        
        
      ]
    }
  },

  //  created() {
  //   axios({
  //     url: "http://localhost:3000/HotSearchList",
  //     // params: {
  //     //   type: this.title,
  //     // },
  //   })
  //     .then((res) => {
  //       this.HotSearchList = res.data;
  //     })
  //     .catch((err) => {
  //       console.log("出错了", err);
  //     });
  // },

  // mounted(){
  //   getData1("").then(()=>{
  //     this.HotSearchList=res.data
  //   })
  // }


};
</script>

<style scoped>
.css-1dbjc4n {
  margin: 0 0.15rem;
  /* background-color: #f1f3f5; */
}
.div_hotsearch_img {
  width: 3.28rem;
  height: 0.48rem;
}
.div_hotsearch_img > img {
  width: 100%;
  height: 100%;
}
.hot_ul > li {
  display: flex;
  height: 0.48rem;
  padding: 0.04rem 0;
  /* background-color: pink; */
 line-height: .48rem;
  font-size: 0.14rem;
  color: #000000;
}
.logo_img {
  width: 25px;
  height: 25px;
}
.figure_img {
  width: 48px;
  height: 48px;
  margin: 0 .05rem;
}
.logo_img > img,
.figure_img > img {
  width: 100%;
  height: 100%;
}
</style>